/* 声明字体图标 */
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?tub17k');
  src: url('../fonts/icomoon.eot?tub17k#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?tub17k') format('truetype'),
    url('../fonts/icomoon.woff?tub17k') format('woff'),
    url('../fonts/icomoon.svg?tub17k#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
body{
  background-color: #f5f5f5;
}
.w{
  width: 987px;
  margin: 0 auto;
  
}
    /* header制作 */
        header {
          /* position: fixed;
          /* z-index: 9999; */
          /* top: 0;
          left: 0;  */
          width: 100%;
         
          background-color: #242424;
        }
    
        /* header */
        .wrap {
          width: 1100px;
          height: 100%;
          margin: 0 155.5px;
    
          /* background-color: purple; */
        }
    
        /* header-left */
        .left li {
          font-size: 14px;
          float: left;
          text-align: center;
          padding: 0 19px;
          height: 70px;
          line-height: 70px;
          /* background-color: purple; */
        }
    
        .left li a {
          color: #FFFFFF;
        }
    
        .left li:nth-child(1) img {
          width: 40px;
    
        }
    
        .left li:nth-child(1) {
          font-size: 22px;
          padding: 0 20px 0 0;
    
        }
    
        .left li:nth-child(1) a {
           color: #FFFFFF;;
        }
        header li:hover a{
          text-decoration: none!important;
        }
    
        /* header-right */
        .right {
          height: 70px;
        }
    /* 搜索框制作 */
        .right .search {
          float: left;
          border-radius: 20px;
          width: 158px;
          height: 32px;
          margin: 19px 0 0;
           /* background-color:red;  */
          overflow: hidden;
          position: relative;
           background-color: #fff;
        }
    
        .right .search input {
          border: 0;
          font-size: 12px;
          margin-left: 28px;
          width: 100%;
          height: 100%;
          outline: 0;
        }
    
        .search .logo {
          position: absolute;
          left: 0;
          top: 3px;
          font-family: 'icomoon';
          font-size: 18px;
          margin-left: 5px;
    
        }
        /* 创作者中心制作 */
        .create{
          border-radius: 20px;
          float: left;
          margin: 19px 0 0 12px;
          width: 90px;
          height: 32px;
           /* background-color: red;   */
          line-height: 32px;
          text-align: center;
          font-size: 12px;
          color:#ccc ;
          /* border: 1px solid #eee; */
        }
        .create:hover{
          border: 1px #fff solid;
        }
        /* 登录页面制作 */
        .denglu{
          float: left;
          width: 50px;
          height: 45px;
           margin: 19px 0 0 20px;
          padding: 0 22px 0 0 ; 
          /* background-color: red; */
        }
        .denglu a{
          display: block;
        margin: 7px 0 0;
        font-size: 12px;
        color:#787878;
                }
 .denglu a:hover{
  text-decoration:underline;
 }
 /* 记得给给wrap清除浮动 */
 /* 上方导航栏 */
 .hd {
   width: 100%;
   height: 35px;
   /* line-height: 35px; */
   /* text-align: center; */

   background-color: #C20C0C;
 }

 .hd .nav1 {
   width: 756px;
   margin: 0 auto;
   height: 35px;
   /* position: relative; */
   /* text-align: center; */
 }

 .nav1 a {
    text-align: center;
    height: 20px;
   float: left;
  

 }

 .nav1  a {
  width: 65px;
   margin: 10px 30px 0;
 
   color: #FFFFFF;
  
 }
 .nav1 a:hover{
  text-decoration: none!important
 }

  .red {  
  
   background-color: #9B0909;
   border-radius: 20px;
  
 }
   
 /* 底部模块 */
 footer .w{
  margin-top: 33px;
 }
    footer .w .enter li {
      width: 100px;
      height: 72.5px;
      float: left;
      margin:0 0 0 37px ;
      text-align: center;
      /* background-color: purple; */
    }
        footer .w .enter li a {
          display: inline-block;
          width: 45px;
          height: 45px;
          background: url(../upload/foot_enter_new2.png)  no-repeat  -164px -4px;
          background-size: 213px;
          /* border-radius: 42%; */
          /* background-color: purple; */
        }
                footer .w .enter li p{
                  display: inline-block;
                  width: 100px;
                  height: 17.5px;
                  font-size: 12px;
                  color: #00000080;
                  margin: 10px 0 0 -6px;
                }
                .copy{
                  width: 100%;
                  
                  padding: 60px 0 0 0;
                
                }
                .d1{
                 padding-left: 230px;
                 margin-bottom: 10px;
                }
                .copy a{
                  float: left;
                  display: block;
                  color: #666666;


                }
         .copy p {
            float: left;
            margin: 0 8px;
            
                       }
               .d2{
                padding: 0 250px;
                margin-bottom: 10px;
                       }
                       .d3{
                padding-left:40px ;
                margin-bottom: 10px;
                       }
                       .d4{
                     padding-left: 120px;
                 margin-bottom: 10px;
                       }




      


 
     